<script setup lang="ts">
import { RouterView } from 'vue-router'
import HeaderMain from './components/HeaderMain.vue'
import { ref, watch } from 'vue'
import router from './router'
const currentRoute = ref('')
watch(
  () => router.currentRoute.value,
  async (toPath) => {
    currentRoute.value = toPath.path
  },
  { immediate: true, deep: true }
)
</script>

<template>
  <div class="bg-[#05051a] min-h-[100vh] min-w-[1400px] text-white">
    <header v-if="currentRoute !== '/login'">
      <HeaderMain />
    </header>
    <router-view v-slot="{ Component }">
      <component :is="Component" />
    </router-view>
  </div>
</template>

<style scoped></style>
